<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="format-detection" content="telephone=no"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1" />
<title>商品详情</title>
<link rel="stylesheet" type="text/css" href="../css/base.css">
<link rel="stylesheet" type="text/css" href="../css/nctouch_products_detail.css">
  <link rel="stylesheet prefetch" href="../photo/css/photoswipe.css">
  <link rel="stylesheet prefetch" href="../photo/css/default-skin/default-skin.css">
  <link rel="stylesheet" type="text/css" href="../css/nctouch_common.css">
  <link rel="stylesheet" type="text/css" href="../css/nctouch_products_detail.css">
</head>
<body>
<header id="header" class="posf">
  <div class="header-wrap">
    <div class="header-l"> <a href="javascript:history.go(-1)"> <i class="back"></i> </a> </div>
    <ul class="header-nav">
      <li><a href="javascript:void(0);" id="goodsDetail">商品</a></li>
      <li class="cur"><a href="javascript:void(0);" id="goodsBody">详情</a></li>
      <li><a href="javascript:void(0);" id="goodsEvaluation">评价</a></li>
    </ul>
    <div class="header-r"><a id="header-nav" href="javascript:void(0);"><i class="more"></i><sup></sup></a> </div>
  </div>
  <div class="nctouch-nav-layout">
    <div class="nctouch-nav-menu"> <span class="arrow"></span>
      <ul>
        <li><a href="../index.html"><i class="home"></i>首页</a></li>
        <li><a href="search.html"><i class="search"></i>搜索</a></li>
        <li><a href="product_first_categroy.html"><i class="categroy"></i>分类</a></li>
        <li><a href="javascript:void(0);"><i class="message"></i>消息<sup></sup></a></li>
        <li><a href="cart_list.html"><i class="cart"></i>购物车<sup></sup></a></li>
        <li><a href="member/member.html"><i class="member"></i>我的商城</a></li>
      </ul>
    </div>
  </div>
</header>
<div class="nctouch-main-layout" id="fixed-tab-pannel">
  <div class="fixed-tab-pannel"></div>
  <div style="height: 40px"></div>
</div>
<footer id="footer"></footer>
<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

  <!-- Background of PhotoSwipe.
       It's a separate element as animating opacity is faster than rgba(). -->
  <div class="pswp__bg"></div>

  <!-- Slides wrapper with overflow:hidden. -->
  <div class="pswp__scroll-wrap">

    <!-- Container that holds slides.
        PhotoSwipe keeps only 3 of them in the DOM to save memory.
        Don't modify these 3 pswp__item elements, data is added later on. -->
    <div class="pswp__container">
      <div class="pswp__item"></div>
      <div class="pswp__item"></div>
      <div class="pswp__item"></div>
    </div>

    <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
    <div class="pswp__ui pswp__ui--hidden">

      <div class="pswp__top-bar">

        <!--  Controls are self-explanatory. Order can be changed. -->

        <div class="pswp__counter"></div>

        <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

        <button class="pswp__button pswp__button--share" title="Share"></button>

        <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

        <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

        <!-- element will get class pswp__preloader--active when preloader is running -->
        <div class="pswp__preloader">
          <div class="pswp__preloader__icn">
            <div class="pswp__preloader__cut">
              <div class="pswp__preloader__donut"></div>
            </div>
          </div>
        </div>
      </div>

      <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
        <div class="pswp__share-tooltip"></div>
      </div>

      <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
      </button>

      <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
      </button>

      <div class="pswp__caption">
        <div class="pswp__caption__center"></div>
      </div>

    </div>

  </div>
  </div>
<div id="product_detail_spec_html" class="nctouch-bottom-mask" style="display: none"></div>
<div style="position: fixed;margin-top: 0.5rem;display: block" class="goods-option-foot" id="buy"></div>
<script type="text/html" id="product_detail_sepc">
  <div class="nctouch-bottom-mask-bg"></div>
  <div class="nctouch-bottom-mask-block">
    <div class="nctouch-bottom-mask-tip"><i></i>点击此处返回</div>
    <div class="nctouch-bottom-mask-top goods-options-info">
      <div class="goods-pic">
        <img src="<%=goods_image[0]%>"/>
      </div>
      <dl>
        <dt><%=goods_info.goods_name%></dt>
        <dd class="goods-price">
          <% if (goods_info.promotion_type) {
          var promo;
          switch (goods_info.promotion_type) {
          case 'groupbuy': promo = '抢购'; break;
          case 'xianshi': promo = '限时折扣'; break;
          case 'sole': promo = '手机专享'; break;}
          %>
          ￥<em><%=goods_info.promotion_price%></em>
			<span class="activity">
			<% if (promo) { %>
				<%= promo %>
				<% } %>
			</span>
          <% } else { %>
          ￥<em><%=goods_info.goods_price%></em>
          <% } %>
          <span class="goods-storage">库存：<%=goods_info.goods_storage%>件</span>
        </dd>
      </dl>
      <a href="javascript:void(0);" class="nctouch-bottom-mask-close"><i></i></a>
    </div>
    <div class="nctouch-bottom-mask-rolling" id="product_roll">
      <div class="goods-options-stock">
        <% if(goods_map_spec.length>0){%>
        <% for(var i =0;i<goods_map_spec.length;i++){%>
        <dl class="spec">
          <dt spec_id="<%=goods_map_spec[i].id%>">
            <%=goods_map_spec[i].goods_spec_name%>：
          </dt>
          <dd>
            <%for(var j = 0;j<goods_map_spec[i].goods_spec_value.length;j++){%>
            <a href="javascript:void(0);" <%if (goods_info.goods_spec[goods_map_spec[i].goods_spec_value[j].specs_value_id]){%> class="current" <%}%>specs_value_id = "<%=goods_map_spec[i].goods_spec_value[j].specs_value_id%>">
            <%=goods_map_spec[i].goods_spec_value[j].specs_value_name%>
            </a>
            <%}%>
          </dd>
        </dl>
        <%}%>
        <%}%>
        <% if (goods_info.is_virtual == '1') { %>
        <dl class="spec-promotion">
          <dt>提货方式：</dt>
          <dd><a href="javascript:void(0);" class="current">电子兑换券</a></dd>
        </dl>
        <dl class="spec-promotion">
          <dt>有效期：</dt>
          <dd><a href="javascript:void(0);" class="current">即日起 到 <%= goods_info.virtual_indate_str %></a>
            <% if (goods_info.buyLimitation && goods_info.buyLimitation > 0) { %>
            （每人次限购 <%= goods_info.buyLimitation %> 件）
            <% } %>
          </dd>
        </dl>
        <% } else { %>
        <% if (goods_info.is_presell == '1') { %>
        <dl class="spec-promotion">
          <dt>预售：</dt>
          <dd><a href="javascript:void(0);" class="current"><%= goods_info.presell_deliverdate_str %> 日发货</a></dd>
        </dl>
        <% } %>
        <% if (goods_info.is_fcode == '1') { %>
        <dl class="spec-promotion">
          <dt>购买类型：</dt>
          <dd><a href="javascript:void(0);" class="current">F码优先购买</a>（每个F码优先购买一件商品）</dd>
        </dl>
        <% } %>
        <% } %>
      </div>
    </div>
    <div class="goods-option-value">购买数量
      <div class="value-box">
		<span class="minus">
			<a href="javascript:void(0);">&nbsp;</a>
		</span>
		<span>
			<input type="text" pattern="[0-9]*" class="buy-num" id="buynum" value="1"/>
		</span>
		<span class="add">
			<a href="javascript:void(0);">&nbsp;</a>
		</span>
      </div>
    </div>
    <div class="goods-option-foot" style="position: fixed;">
      <div class="otreh-handle" style="background-color: #f5f5f5;">
        <a href="javascript:void(0);" class="kefu">
          <i></i>
          <p>客服</p>
        </a>
        <a href="../tmpl/cart_list.html" class="cart">
          <i></i>
          <p>购物车</p>
          <span id="cart_count1"></span>
        </a>
      </div>

      <%if(IsHaveBuy=='0'){ %>
      <div class="buy-handle <%if(!goods_hair_info.if_store || goods_info.goods_storage == 0){%>no-buy<%}%>">
        <% if (goods_info.cart == '1') { %>
        <a href="javascript:void(0);" class="add-cart" id="add-cart">加入购物车</a>
        <% } %>
        <a href="javascript:void(0);" class="buy-now" id="buy-now">立即购买</a>
      </div>
      <% } else {%>
      <div class="buy-handle no-buy">
        <a href="javascript:void(0);" class="buy-now">您已参加本商品抢购活动</a>
      </div>
      <% } %>
    </div>
</script>
<script type="text/html" id="product_detail">
          <div class="otreh-handle" style="background-color: #f5f5f5;">
          <a href="javascript:void(0);" class="kefu"><i></i><p>客服</p></a>
          <a href="../tmpl/cart_list.html" class="cart"><i></i><p>购物车</p><span id="cart_count"></span></a>
          </div>

          <%if(IsHaveBuy=='0'){ %>
  <div class="buy-handle <%if(!goods_hair_info.if_store || goods_info.goods_storage == 0){%>no-buy<%}%>">
            <% if (goods_info.cart == '1') { %>
    <a href="javascript:void(0);" class="<%if(goods_hair_info.if_store){%>animation-up<%}%> add-cart">加入购物车</a>
              <% } %>
  <a href="javascript:void(0);" class="<%if(goods_hair_info.if_store){%>animation-up<%}%> buy-now">立即购买</a>
            </div>
            <% } else {%>
  <div class="buy-handle no-buy">
            <a href="javascript:void(0);" class="buy-now">您已参加本商品抢购活动</a>
            </div>
            <% } %>

</script>
<script type="text/javascript" src="../js/zepto.min.js"></script>
<script type="text/javascript" src="../js/config.js"></script> 
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../js/template.js"></script>
<script src="../photo/js/photoswipe.js"></script>
<script src="../photo/js/photoswipe-ui-default.min.js"></script>
<script type="text/javascript" src="../js/simple-plugin.js"></script>
<script type="text/javascript" src="../js/fly/zepto.fly.min.js"></script>
<script type="text/javascript" src="../js/tmpl/product_info.js"></script>

</body>
</html>